<template>
  <div>
    <el-card body-style="padding:0;" style="margin-bottom: 20px;" class="panel-header">
      <div slot="header" style="display: flex; justify-content:space-between;">
        <span>
          <span class="back-button" @click="$router.go(-1)">
            <i class="el-icon-back" />
            <span>返回</span>
          </span>
          <span>数据源配置</span>
        </span>
      </div>
    </el-card>
    <el-container style=";dispaly:flex">
      <el-aside width="250px" style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border-radius:4px">
        <el-col :span="24">
          <el-menu
            :router="true"
            style=" height:600px"
            default-active="/datasource/sales"
            class="el-menu-vertical-demo"
          >
            <el-menu-item index="/datasource/sales">
              <i class="el-icon-pie-chart" style="margin-right:25px"></i>
              <span slot="title">销售数据概览</span>
            </el-menu-item>
            <el-menu-item index="/datasource/category">
              <i class="el-icon-shopping-cart-full" style="margin-right:25px"></i>
              <span slot="title">品类销售分析</span>
            </el-menu-item>
            <el-menu-item index="/datasource/customer">
              <i class="el-icon-user" style="margin-right:25px"></i>
              <span slot="title">客户消费行为分析</span>
            </el-menu-item>
            <el-menu-item index="/datasource/logistics">
              <i class="el-icon-truck" style="margin-right:25px"></i>
              <span slot="title">物流配送分析</span>
            </el-menu-item>
            <el-menu-item index="/datasource/dealer">
              <i class="el-icon-sell" style="margin-right:25px"></i>
              <span slot="title">经销商绩效分析</span>
            </el-menu-item>
            <el-menu-item index="/datasource/orders">
              <i class="el-icon-data-analysis" style="margin-right:25px"></i>
              <span slot="title">订单详情分析</span>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-aside>
      <el-main style="box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);margin-left:20px">
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>


 <script>
</script>


<style lang="scss" scoped>
.back-button {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #909090;
  cursor: pointer;
  span {
    padding: 5px;
    font-size: 14px;
  }
}
</style>